<ion-view view-title="笔记详情">
    <ion-header-bar style="background-color: #F4F8F9">
        <!--<ion-nav-back-button style="color: #9C9C9C"></ion-nav-back-button>-->
        <a class="button button-clear icon ion-android-arrow-back" style="color: #9C9C9C" href="#/tabs/home"></a>
        <h2 class="title">笔记详情</h2>
        <a class="button button-clear icon ion-ios-redo" style="color: #9C9C9C"></a>
    </ion-header-bar>
    <ion-content style="background-color: #F4F8F9">
        <ion-list class="biji">
            <ion-item class="item-avatar-left biji-li">
                <img src="{{XiangqingData.user.images}}">
                <h3>
                    {{XiangqingData.user.nickname}}
                    <span class="item-note"><a class="biji-guanzhu">+关注</a></span>
                </h3>
            </ion-item>
        </ion-list>
        <!--
    does-continue - 是否循环切换  auto-play - 是否自动播放
    slide-interval - 自动播放的间隔时间，默认为 4000ms,   show-pager - 是否显示分页器
    pager-click - 分页器点击事件
    on-slide-changed - 幻灯页切换事件
    active-slide - 当前幻灯页索引
-->

        <ion-list class="biji">
            <ion-item>
                <!--<img src="http://ci.xiaohongshu.com/c2a05ca4-8d2b-4106-ba83-3905021bc411@r_1280w_1280h.jpg">-->
                <ion-slide-box class="huandengpian"
                               does-continue="false"
                               auto-play="false"
                               show-pager="false"
                               on-slide-changed="huanye($index)">
                    <ion-slide ng-repeat="imgs in XiangqingData.images_list">
                        <img ng-src="{{imgs.url}}" style="width: 100%;height: 100%">
                    </ion-slide>
                </ion-slide-box>
                <div class="biji-huandengye">{{dangqianye+1}} / {{count}}</div>
                <div style="position: relative; top: -10px; padding: 10px">
                    <h3>{{XiangqingData.name}}</h3>
                    <p>{{XiangqingData.desc}}</p>
                </div>
            </ion-item>
            <ion-item>
                <h3>
                    <span class="CZ-jilu">发布于 {{XiangqingData.geo}}</span><br><br>
                    <span class="CZ-jilu">{{XiangqingData.time}}</span>
                    <span class="CZ-jilu">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{XiangqingData.likes}}次赞</span>
                    <span class="CZ-jilu">{{XiangqingData.fav_count}}次收藏</span>
                </h3>
            </ion-item>
            <ion-item>
                <div class="hot-topics">
                    <div class="hot-title">
                        <h3 style="line-height: 35px; color: #aaaaaa">
                            你可能喜欢
                            <span class="item-note"><a href="">更多商品 <i class=" icon icon-right ion-ios-arrow-right"></i></a></span>
                        </h3>

                    </div>
                    <ion-scroll class="item-lie" direction="x" scrollbar-x="false">
                        <div class="lie-kuang">
                            <div class="item-li" ng-repeat="hotli in XiangqingData.relatedgoods_list">
                                <img src="{{hotli.image}}"/>
                                <p style="color: black">{{hotli.title}}</p>
                                <span style="color: red">￥{{hotli.discount_price}}&nbsp;&nbsp;</span>
                                <span style="text-decoration: line-through; color: #CECECE">￥{{hotli.price}}</span>

                            </div>
                        </div>
                    </ion-scroll>
                </div>
            </ion-item>
            <ion-item class="item-avatar-left">
                <img src="img/2.png">
                <h3>有想法就说，看对眼了就上</h3>
            </ion-item>

            <ion-item class="item-avatar-left" ng-repeat="lt in XiangqingData.comments_list">
                <img src="{{lt.user.images}}">
                <h2>{{lt.user.nickname}}</h2>
                <span class="item-note icon ion-thumbsup"> {{lt.like_count}}</span>
                <p>{{lt.time}}</p>
                <span>{{lt.content}}</span>
            </ion-item>


            <ion-item style="border-width: 1px" href="#/tabs/pinglun/{{XiangqingData.id}}">
                <p style="text-align: center">查看全部{{XiangqingData.comments}}条评论</p>
            </ion-item>
        </ion-list>
        <ion-list class="xiangguanbiji">
            <ion-item style="padding: 8px; background-color: #F4F8F9;"></ion-item>
            <ion-item>
                <p>相关笔记</p>
            </ion-item>
            <ion-item style="height: 44px; padding: 0;">
                <ion-header-bar class="" style="top: 0px;">
                    <ion-scroll class="nav-scroll" direction="x" scrollbar-x="false" style="padding: 0; width: 100%;">
                        <div class="" style="width: auto; background-color: white">
                            <a class="button-xihuan" ng-repeat="cai in XiangqingData.filter_tags"
                                ng-click="dianji(cai.oid)"
                               href="">
                                {{cai.name}}
                            </a>
                        </div>
                    </ion-scroll>
                </ion-header-bar>
            </ion-item>

            <ion-list class="shangping-ul">
                <ion-item class="item-body kuang" ng-repeat="(i,arr) in XiangqingData_xiao" ng-if="i%2==0" href="#/tabs/xiangqing/{{arr.id}}">
                    <img class="full-image"  src="{{arr.images_list[0].url}}">
                    <h3>{{arr.name}}</h3>
                    <p>{{arr.desc}}</p>
                    <ion-item class="item-avatar-left">
                        <img src="{{arr.user.images}}">
                        <h3>
                            <span>{{arr.user.nickname}}</span>
                            <span class="item-note icon ion-heart"> {{arr.likes}}</span>
                        </h3>
                    </ion-item>
                </ion-item>
                <div style="clear: both"></div>
            </ion-list>
            <ion-list class="shangping-ul shangping-ul2">
                <ion-item class="item-body kuang" ng-repeat="(i,arr) in XiangqingData_xiao" ng-if="i%2!=0" href="#/tabs/xiangqing/{{arr.id}}">
                    <img class="full-image"  src="{{arr.images_list[0].url}}">
                    <h3>{{arr.name}}</h3>
                    <p>{{arr.desc}}</p>
                    <ion-item class="item-avatar-left">
                        <img src="{{arr.user.images}}">
                        <h3>
                            <span>{{arr.user.nickname}}</span>
                            <span class="item-note icon ion-heart"> {{arr.likes}}</span>
                        </h3>
                    </ion-item>
                </ion-item>
                <div style="clear: both"></div>
            </ion-list>
            <div style="clear: both"></div>
        </ion-list>
    </ion-content>
    <ion-footer-bar>
        <div class="biji-footer">
            <span class="icon ion-heart"> 967</span>
            <span class="icon ion-chatbox-working"> 193</span>
            <span class="icon ion-android-star"> 收藏</span>
        </div>
    </ion-footer-bar>
</ion-view>